import '../css/addCinema.css'
import {
  Button,
  Form,
  Input,
  Select,
} from 'antd';
import React, { useState } from 'react';
function AddCinema() {
  return (
    <>
      <Form
        labelCol={{
          span: 4,
        }}
        wrapperCol={{
          span: 14,
        }}
        layout="horizontal"
        style={{
          maxWidth: 600,
        }}
        className='addcinema'
      >
        <Form.Item label="影院名">
          <Input />
        </Form.Item>
        <Form.Item label="地址">
          <Input />
        </Form.Item>
        <Form.Item label="语种">
          <Select>
            <Select.Option value="国语">国语</Select.Option>
            <Select.Option value="中文">中文</Select.Option>
          </Select>
        </Form.Item>
        <Form.Item label="类型">
          <Select>
            <Select.Option value="4D厅">4D厅</Select.Option>
            <Select.Option value="杜比全景声厅">杜比全景声厅</Select.Option>
            <Select.Option value="巨幕厅">巨幕厅</Select.Option>
          </Select>
        </Form.Item>
        <Form.Item className='button'>
          <Button type="primary" htmlType="submit" >
            添加
          </Button>
        </Form.Item>
      </Form>
    </>
  );
};
export default AddCinema